<ui:composition template="../template/plantilla_02.xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.org/ui"
        xmlns:c="http://java.sun.com/jsp/jstl/core">
    
    
<section>
    <ui:define name="panelIzquierdo" >
        <ui:include src="../seguridad/menu_vertical.xhtml"></ui:include>
    </ui:define>
    
    <ui:define name="panelDerecho"  >
        
        <h:form id="fContacto" styleClass="seccionesWeb">
        
            <h:panelGroup layout="block" styleClass="encabezadoPag" >   
                
                <div style="position:relative; float:left;"> 
                    <h:graphicImage  value="#{aplicacionBean.parametro.pathImagenesDefault}/icono_solicitud.gif" alt="Solicitud de Cliente -  Intercap SRL Argentina"></h:graphicImage>
                </div>
                <div style=" padding-top:18px;"> 
                    <h4>Alta de cliente</h4>
                    Puede solicitar el alta como cliente en nuestros sistemas completando este formulario, y a la brevedad nos 
                    pondremos en contacto con Ud. para completar la operación.
                </div>
                
            </h:panelGroup>
            
            
          <p:messages id="infoContacto" showDetail="false" />

          <h:panelGrid columns="2" style="width:350px; float:left;">

            <h:panelGrid columns="1" style="width:350px; margin-right:50px;  float:left;" styleClass="colLabel, colDato, colObli" >

                <h1>Datos de Contacto:</h1>

                <h:outputText styleClass="textFormCont2" value="Nombre y Apellido *" />
                <p:inputText value="#{solicitudCliente.nombre}" required="True"
                             requiredMessage="Ingrese su nombre y apellido" size="40" title="Campo obligatorio" />
                
                <h:outputText styleClass="textFormCont2" value="Fecha de nacimiento *" />
                <p:calendar value="#{solicitudCliente.fechanacimiento}" required="True" pattern="dd/MM/yyyy"
                            requiredMessage="Ingrese la fecha de nacimiento por favor" size="40"  title="Campo obligatorio"/>
                
                
                <h:outputText styleClass="textFormCont2"  value="Provincia *" />
                <p:inputText value="#{solicitudCliente.provincia}" required="True"
                             requiredMessage="Ingrese una provincia por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Ciudad *" />
                <p:inputText value="#{solicitudCliente.ciudad}" required="True"
                             requiredMessage="Ingrese una provincia por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Dirección " />
                <p:inputText value="#{solicitudCliente.direccion}" required="False"
                             requiredMessage="Ingrese una dirección por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Teléfono fijo *" />
                <p:inputText value="#{solicitudCliente.telefono}" required="True" validatorMessage="Ingrese un nro. de teléfono correcto." 
                             requiredMessage="Ingrese por favor un número de teléfono de correo para que podamos contactarnos" size="40">
                <f:validateDoubleRange   />
                
                </p:inputText>

                <h:outputText styleClass="textFormCont2"  value="Teléfono celular" />
                <p:inputText value="#{solicitudCliente.celular}" required="False"
                             requiredMessage="Ingrese por favor un número de teléfono de correo para que podamos contactarnos" size="40"/>

                <h:outputText styleClass="textFormCont2" value="E-mail" />
                <p:inputText value="#{solicitudCliente.email}" required="False"
                             requiredMessage="Ingrese por favor, una dirección de correo para que podamos contactarnos" size="40"/>

                <h:outputText styleClass="textFormCont2"   value="Comentarios" />
                <p:inputTextarea  value="#{solicitudCliente.comentario}" cols="33" rows="10"
                                 required="False"  />

            </h:panelGrid>

            <h:panelGrid columns="1" style="width:350px;" styleClass="colLabel, colDato, colObli" >

                <h1>Datos del negocio:</h1>

                <h:outputText styleClass="textFormCont2" value="Razón social *" />
                <p:inputText value="#{solicitudCliente.razonSocial}" required="True"
                             requiredMessage="Ingrese la razón social por favor" size="40" title="Campo obligatorio" />

                <h:outputText styleClass="textFormCont2" value="Nombre del Negocio *" />
                <p:inputText value="#{solicitudCliente.nombreFantasia}" required="True"
                             requiredMessage="Ingrese un nombre del negocio por favor" size="40" title="Campo obligatorio" />

                <h:outputText styleClass="textFormCont2" value="C.U.I.T." />
                <p:inputText value="#{solicitudCliente.cuit}" required="False"
                             requiredMessage="Ingrese la C.U.I.T. por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Provincia " />
                <p:inputText value="#{solicitudCliente.provinciaNeg}" required="False"
                             requiredMessage="Ingrese una provincia por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Ciudad " />
                <p:inputText value="#{solicitudCliente.ciudadNeg}" required="False"
                             requiredMessage="Ingrese una ciudad por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Dirección " />
                <p:inputText value="#{solicitudCliente.direccionNeg}" required="False"
                             requiredMessage="Ingrese una direccion por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Teléfono " />
                <p:inputText value="#{solicitudCliente.telefonoNeg}" required="False" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Dispone actualmente de un local comercial *" />
                <p:selectOneRadio  value="#{solicitudCliente.disponeLocal}" required="True"
                                   requiredMessage="Por favor indique si usted dispone actalmente de un local comercial">  
                    <f:selectItem itemLabel="Si" itemValue="#{true}" />  
                    <f:selectItem itemLabel="No" itemValue="#{false}" />                          
                </p:selectOneRadio>  

                <h:outputText styleClass="textFormCont2"  value="Metros cuadrados del negocio " />
                <p:inputText value="#{solicitudCliente.mtrosCuadrados}" required="False"
                             requiredMessage="Ingrese los metros cuadrados del negocio por favor" size="10"/>

                <h:outputText styleClass="textFormCont2"  value="Tipo de negocio /Actividad *" />
                <p:selectOneMenu value="#{solicitudCliente.tipoNegocio}" required="true" style="width: 200px;"
                                 requiredMessage="Ingrese el tipo negocio/Actividad por favor"  >
                    
                    <f:selectItem itemValue="Concesionaria" itemLabel="Concesionaria" />
                    <f:selectItem itemValue="Distribuidor" itemLabel="Distribuidor" />
                    <f:selectItem itemValue="Estacion de Servicios" itemLabel="Estacion de Servicios" />
                    <f:selectItem itemValue="Gomeria" itemLabel="Gomeria" />                    
                    <f:selectItem itemValue="Lavadero" itemLabel="Lavadero" />
                    <f:selectItem itemValue="Lubricentro" itemLabel="Lubricentro" />
                    <f:selectItem itemValue="Polirubro" itemLabel="Polirubro" />
                    <f:selectItem itemValue="Rectificadoras" itemLabel="Rectificadoras" />
                    <f:selectItem itemValue="Repuesteras" itemLabel="Repuesteras" />
                    <f:selectItem itemValue="Taller" itemLabel="Taller" />                    
                    <f:selectItem itemValue="Otros" itemLabel="Otros" />
                    
                </p:selectOneMenu>

                
                <h:outputText styleClass="textFormCont2"  value="Antigüedad (Meses) " />
                <p:inputText value="#{solicitudCliente.antiguedad}" required="False"
                             requiredMessage="Ingrese la antigüedad del negocio por favor" size="5"/>

                <h:outputText styleClass="textFormCont2"  value="Principales marcas con las que trabaja " />
                <p:inputText value="#{solicitudCliente.marcas}" required="False"
                             requiredMessage="Ingrese las principales marcas con las que trabaja" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Principales colegas/proveedores con las que trabaja " />
                <p:inputText value="#{solicitudCliente.proveedores}" required="False"
                             requiredMessage="Ingrese los principales proveedores del negocio por favor" size="40"/>

                <h:outputText styleClass="textFormCont2"  value="Dispone de conexión a internet " />
                <p:selectOneRadio  value="#{solicitudCliente.disponeInternet}">  
                    <f:selectItem itemLabel="Si" itemValue="#{true}" />  
                    <f:selectItem itemLabel="No" itemValue="#{false}" />                          
                </p:selectOneRadio> 


            </h:panelGrid>

          </h:panelGrid>
            
          
           <span style=" float:left; position:relative; clear:both;"><i>Los campos marcados con un asterisco (*) son necesarios.</i></span>
            <div style=" float:right; text-align: right; position:relative;">
           
                    <p:commandButton id="btnEnviar"
                                     value="Enviar solicitud"
                                     icon="send16"                                     
                                     actionListener="#{solicitudCliente.confirmarSolicitud}" update="@form" 
                                     validateClient="true" />

                </div>                          

        </h:form>
                        
  </ui:define>
 </section>   
</ui:composition>